<template>
  <div class="bod">
    <div class="bod-top">
		<div class="bod-left">
			<div>
				<img class="fengxian" src="../../../assets/img/report.png" />
			</div>
			<div>
				<img style="width: 110px;height: 22px;" src="../../../assets/img/tit3.png" />
			</div>
		</div>
		<div class="bod-right">
			<div class="bod1" :style="{backgroundColor: btn == '正面'?'#0D83B2':''}" @click="zhengmian('正面')">
				正面
			</div>
			<div class="bod2" :style="{backgroundColor: btn == '敏感'?'#0D83B2':''}" @click="mingan('敏感')">
				敏感
			</div>
		</div>
	</div>
	<slot name="report"></slot>
  </div>
</template>

<script>
export default {
    props: {
        
    },
    data() {
        return {
            btn:'正面'
        }
    },
    methods: {
        zhengmian(e){
			this.btn = e
			this.$emit('zhengmian',e)
		},
		mingan(e){
			this.btn = e
			this.$emit('mingan',e)
		}
    }
}
</script>
<style scoped lang="scss">
	.bod{
		// width: 422px;
		height: 492px;
		background-color: #091344;
		border: 1px solid #222855;
	}
	
	.bod-top{
		display: flex;
		height: 46px;
		background-image: linear-gradient(to right, rgba(24,104,167,0.2), rgba(69,121,196,0));
		align-items: center;
		justify-content: space-between;
	}
	
	.bod-top .bod-left{
		display: flex;
		align-items: center;
	}
	
	.bod-top .bod-left div:nth-child(1){
		width: 17px;
		height: 18px;
		margin-left: 22px;
		margin-right: 8px;
	}
	
	.bod-top .bod-left div:nth-child(2){
		font-size: 16px;
		line-height: 16px;
		color: #57E0EC;
		margin-right: 22px;
	}
	
	.bod-top .bod-right{
		display: flex;
		margin-right: 22px;
		align-items: center;
		width: 86px;
		height: 24px;
		justify-content: space-around;
		background-color: #00245B;
		
		.text{
			margin: 0 13px;
			color: #FFFFFF;
		}
	}
	
	.bod-top .bod-right .yuan{
		
	}
	
	.bod-top .fengxian{
		width: 100%;
		height: 100%;
	}
	
	.bod1{
		color: #FFFFFF;
		flex: 1;
		text-align: center;
		border-radius: 2px;
		font-size: 12px;
		height: 24px;
		line-height: 24px;
	}
	
	.bod2{
		color: #FFFFFF;
		opacity: 0.8;
		flex: 1;
		text-align: center;
		border-radius: 2px;
		font-size: 12px;
		height: 24px;
		line-height: 24px;
	}
</style>
